/* pages/personalCenter/login/login.wxss */
.login_container {
  width: 750rpx;
  min-height: 100vh;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #f5f5f5;
  .bg_img {
    width: 100%;
    height: 940rpx;
    position: absolute;
    top: 0;
    left: 0;
  }
  #navigationBar {
    .left {
      display: flex;
      align-items: center;
      justify-content: space-between;
      .home,
      .goback {
        width: 56rpx;
        height: 56rpx;
      }
      .divider {
        width: 2rpx;
        height: 38rpx;
        background: #ffffff;
        opacity: 0.2;
        margin: 0 10rpx;
      }
    }
  }
  .login_box {
    width: 686rpx;
    height: 784rpx;
    background: #ffffff;
    box-shadow: 0px 4rpx 14rpx 0px rgba(142, 142, 147, 0.15);
    border-radius: 32rpx;
    border: 2rpx solid rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 32rpx;
    position: relative;
    .logo {
      width: 180rpx;
      height: 180rpx;
      margin-top: 96rpx;
    }
    .name {
      width: 180rpx;
      height: 56prx;
      font-size: 36rpx;
      font-family: PingFangSC-Regular, PingFang SC;
      color: #000000;
      line-height: 56rpx;
      margin-top: 32rpx;
    }
    .tips {
      width: 560rpx;
      height: 56rpx;
      font-size: 28rpx;
      font-family: PingFangSC-Regular, PingFang SC;
      color: rgba(0, 0, 0, 0.65);
      line-height: 56rpx;
      margin-top: 16rpx;
    }
    .m_btn {
      width: 622rpx;
      height: 96rpx;
      background: linear-gradient(270deg, #006cfa 0%, #00a7ff 100%);
      box-shadow: 0px 8rpx 16rpx 0px rgba(38, 146, 255, 0.3);
      border-radius: 48rpx;
      padding: 0;
      margin-top: 48rpx;
      font-size: 32rpx;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #ffffff;
      line-height: 44rpx;
    }
    .agreement_box {
      display: flex;
      align-items: center;
      margin-top: 48rpx;
      .agreement {
        height: 36rpx;
        font-size: 24rpx;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.65);
        line-height: 36rpx;
        &.text {
          color: #057dff;
        }
      }
      .van-checkbox__icon--round {
        border: 2rpx solid #0abb08 !important;
        font-size: 36rpx !important;
      }
      .van-checkbox__label {
        padding-left: 16rpx;
        display: flex;
        align-items: center;
        justify-content: center;
      }
    }
  }
  .van-popup {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-top: 32rpx;
    padding-right: 32rpx;
    padding-left: 32rpx;
    box-sizing: border-box;
    .close_img {
      width: 56rpx;
      height: 56rpx;
      align-self: flex-end;
    }
    .title {
      width: 144rpx;
      height: 56rpx;
      font-size: 36rpx;
      font-family: PingFangSC-Semibold, PingFang SC;
      font-weight: 600;
      color: #000000;
      line-height: 56rpx;
      margin-top: 48rpx;
    }
    .tips {
      width: 390rpx;
      height: 36rpx;
      font-size: 26rpx;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: rgba(0, 0, 0, 0.5);
      line-height: 36rpx;
      margin-top: 16rpx;
    }
    .m_phone_btn {
      width: 622rpx;
      height: 96rpx;
      background: linear-gradient(270deg, #00c25f 0%, #4bbf84 100%);
      box-shadow: 0px 8rpx 16rpx 0px rgba(75, 191, 132, 0.3);
      border-radius: 48rpx;
      margin-top: 64rpx;
      font-size: 32rpx;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #ffffff;
      line-height: 44rpx;
      padding: 0;
      margin-bottom: 96rpx;
    }
  }
}
